<template>
	<view>
		<logistics :wlInfo="wlInfo"></logistics>
	</view>
</template>

<script>
	import logistics from '@/components/logistics/logistics.vue';
	import {  
	    mapState,  
	    mapMutations  
	} from 'vuex';  
	export default {
		components: {
			logistics
		},
		data() {
			return {
				wlInfo: {
				    delivery_status: 1, //快递状态 1已签收 2配送中
				    post_name: '韵达快递', //快递名称
				    logo: 'https://cdn.kuaidi100.com/images/all/56/yunda.png', //快递logo
				    exp_phone: '95546', //快递电话
				    post_no: '4304678557725', //快递单号
				    addr: '江西省南昌市青云谱区', //收货地址
				    //物流信息
				    list: [{
				            "time": "2020-04-12 13:00:57",
				            "timeArr": ['2020-04-12', '13:00:57'],
				            "context": "江西南昌青云谱区 快件已被 丰巢智能柜 代签收。",
				            "location": ""
				        },
				        {
				            "time": "2020-04-12 12:58:53",
				            "timeArr": ['2020-04-12', '12:58:53'],
				            "context": "江西南昌青云谱区 进行派件扫描；派送业务员：张三；联系电话：88888888888",
				            "location": ""
				        },
				        {
				            "time": "2020-04-11 15:45:44",
				            "timeArr": ['2020-04-11', '15:45:44'],
				            "context": "江西南昌分拨中心 从站点发出，本次转运目的地：江西南昌青云谱区",
				            "location": ""
				        },
				        {
				            "time": "2020-04-11 15:08:45",
				            "timeArr": ['2020-04-11', '15:08:45'],
				            "context": "江西南昌分拨中心 在分拨中心进行卸车扫描",
				            "location": ""
				        },
				        {
				            "time": "2020-04-10 17:42:41",
				            "timeArr": ['2020-04-10', '17:42:41'],
				            "context": "浙江义乌分拨中心 进行装车扫描，发往：江西南昌分拨中心",
				            "location": ""
				        },
				        {
				            "time": "2020-04-10 17:39:38",
				            "timeArr": ['2020-04-10', '17:39:38'],
				            "context": "浙江义乌分拨中心 在分拨中心进行称重扫描",
				            "location": ""
				        },
				        {
				            "time": "2020-04-10 16:02:46",
				            "timeArr": ['2020-04-10', '16:02:46'],
				            "context": "浙江义乌城西公司 进行下级地点扫描，发往：江西南昌地区包",
				            "location": ""
				        },
				        {
				            "time": "2020-04-10 15:48:42",
				            "timeArr": ['2020-04-10', '15:48:42'],
				            "context": "浙江义乌城西公司城西营销部 进行揽件扫描",
				            "location": ""
				        }
				    ]
				}
			};
		}
	}
</script>

<style lang="scss">
	page{
		background: $page-color-base;
	}
	.user-section{
		display:flex;
		align-items:center;
		justify-content: center;
		height: 460upx;
		padding: 40upx 30upx 0;
		position:relative;
		.bg{
			position:absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			filter: blur(1px);
			opacity: .7;
		}
		.portrait-box{
			width: 200upx;
			height: 200upx;
			border:6upx solid #fff;
			border-radius: 50%;
			position:relative;
			z-index: 2;
		}
		.portrait{
			position: relative;
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
		.yticon{
			position:absolute;
			line-height: 1;
			z-index: 5;
			font-size: 48upx;
			color: #fff;
			padding: 4upx 6upx;
			border-radius: 6upx;
			background: rgba(0,0,0,.4);
		}
		.pt-upload-btn{
			right: 0;
			bottom: 10upx;
		}
		.bg-upload-btn{
			right: 20upx;
			bottom: 16upx;
		}
	}


</style>
